import {
  StyleSheet,
  Text,
  View,
  Dimensions,
  Image,
  ScrollView,
  Button,
  Alert,
} from "react-native";
import React from "react";
import { useRoute, useNavigation } from "@react-navigation/native";
import { useEffect } from "react";
import Swiper from "react-native-swiper";
import { router } from "expo-router";
export default function DescCourse() {
  const route = useRoute();
  const navigation = useNavigation();
  const { type } = route.params || {};
  const scoutse = [
    { id: 1, url: require("@/assets/images/脑1.png") },
    { id: 2, url: require("@/assets/images/脑2.png") },
    { id: 3, url: require("@/assets/images/脑3.png") },
    { id: 4, url: require("@/assets/images/脑4.png") },
  ];

  return (
    <View style={styles.container}>
      {type === "经典病例" ? (
        <>
          <ScrollView>
            <View style={styles.course}>
              <Text style={{ fontSize: 14, color: "#333333" }}>
                刘某某，男，53岁，患左肺小细胞肺癌局限期，
                接受“”铂+依托泊苷“化疗和胸部放疗。之后不久发现脑内多发转移，
                再行脑部放疗，脑转移灶得到控制。
                下图为该患者的多发脑转移灶在放疗前、 后的 MRI
                图像，放疗后（WBRT+SRS）转移灶基本消失:
              </Text>
              <View
                style={{ width: Dimensions.get("window").width, height: 150 }}
              >
                <Image
                  style={{ width: Dimensions.get("window").width, height: 150 }}
                  source={{
                    uri: "https://www.axured.cn/assets/axurefiles/39ba1792dbc57ee8063b17cf7a5c9fcc_478/images/%E7%BB%8F%E5%85%B8%E7%97%85%E4%BE%8B%E8%AF%A6%E7%BB%86%E9%A1%B5/u1730.png",
                  }}
                />
              </View>
              <Text style={{ fontSize: 16, fontWeight: "bold" }}>讨论</Text>
              <Text>
                肺癌容易发生脑转移，特别是小细胞肺癌、伴有EGFR突变或ALK/ROS1融合的NSCLC。小细胞肺癌
                2年内脑转移发生率高达80%，所以会在肿瘤得到化放疗控制后常规进行预防性脑照射（PCI）。
                随着核磁共振检查技术的提高，临床上发现脊髓脊膜转移的患者也在增多。当出现下肢疼痛、麻木、肌力下降、大小便困难、外阴部麻木等症状时候，一定要警惕脊髓脊膜转移的可能，及时做MRI检查，以免造成漏诊或诊断延误。
              </Text>
              <Text style={{ fontSize: 16, fontWeight: "bold" }}>划重点</Text>
              <Text>
                做脊髓的核磁共振时候，一定做平扫+动态增强，才能发现转移灶，单独平扫不易发现转移灶。
                一定要重视这些症状：下肢疼痛、麻木、肌力下降、大小便困难、外阴部麻木等。
              </Text>
            </View>
          </ScrollView>
        </>
      ) : (
        <>
          <ScrollView>
            <View style={styles.course}>
              <Swiper
                style={{ height: 200 }}
                autoplay={true}
                loop={true}
                autoplayTimeout={3}
                activeDotStyle={{
                  backgroundColor: "#FFF",
                  width: 10,
                  height: 10,
                  borderRadius: 5,
                  marginHorizontal: 3,
                }}
              >
                {scoutse.map((item, index) => (
                  <Image
                    key={index}
                    style={{
                      width: Dimensions.get("window").width,
                      height: 200,
                      resizeMode: "contain",
                    }}
                    source={item.url}
                  />
                ))}
              </Swiper>
              <Text style={{ fontSize: 16, fontWeight: "bold", marginTop: 20 }}>
                患者信息
              </Text>
              <Text>男性，26岁 病史：间歇性头痛、头晕伴行走不稳一月余。</Text>
              <Button
                title="开始学习"
                onPress={() => {
                  router.push("/YgFile/Anser");
                }}
              ></Button>
            </View>
          </ScrollView>
        </>
      )}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "white",
  },
  course: {
    width: Dimensions.get("window").width,
    padding: 10,
  },
});
